﻿body {
    background-color:black;
}

html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    color: #000000;
    font-size: 15px;
    /*字体*/
}

li {
    list-style: none;
}

input, img {
    border: none;
}



.BGDiv{
    background-image:url(/Content/IMG/BGUse.png);
    width:100%;
    height:800px;
    background-size:100% 100%;
    position:relative;
    min-width:1400px;
}

.elementK {
    width: 35px;
    height: 40px;
    position: absolute;
}

.elementK img{
    width:100%;
    height:100%;
}

.DataPad{
    width:100px;
    height:150px;
    position:absolute;
    font-size:14px;
}

.DataPad_P{
    color:red;
    margin-top:5px;
}

.DataPad_Q {
    color: white;
    margin-top: 5px;
}

.DataPad_Uab {
    color: limegreen;
    margin-top: 5px;
}

.DataPad_Ia {
    color: aqua;
    margin-top: 5px;
}

.DataPad_Cos {
    color: gold;
    margin-top: 5px;
}

.DataXG{
    background-color:cadetblue;
    color:white;
    font-size:16px;
    position:absolute;
}

.DataLHSW{
    background-color:orangered;
    color: white;
    font-size: 16px;
    position: absolute;
}
.DataSW {
    background-color:cornflowerblue;
    color: white;
    font-size: 16px;
    position: absolute;
}


/*MessageStyle*/
.message {
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)), color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    width: 100%;
    border: 1px solid;
    color: #fff;
    padding: 15px;
    position: fixed;
    _position: absolute;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    -webkit-animation: animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
    z-index:1;
}

.messageEle {
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)), color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    width: 100%;
    /*border: 1px solid;*/
    color: #fff;
    /*padding: 15px;*/
    /*position: fixed;*/
    _position: absolute;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    -webkit-animation: animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
    z-index: 1;
}

.info {
    background-color: #4ea5cd;
    border-color: #3b8eb5;
}
.infopad {
    background-color: #4ea5cd;
    border-color: #3b8eb5;
}
.error {
    background-color: #de4343;
    border-color: #c43d3d;
}
.errorpad {
    background-color: #de4343;
    border-color: #c43d3d;
}
.warning {
    background-color: #eaaf51;
    border-color: #d99a36;
}
.warningpad {
    background-color: #eaaf51;
    border-color: #d99a36;
}

.success {
    background-color: #61b832;
    border-color: #55a12c;
}
.successpad {
    background-color: #61b832;
    border-color: #55a12c;
}

.message h3 {
    margin: 0 0 5px 0;
}

.message p {
    margin: 0;
}

@-webkit-keyframes animate-bg {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -80px 0;
    }
}


@-moz-keyframes animate-bg {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -80px 0;
    }
}


#trigger-list {
    text-align: center;
    margin: 100px 0;
    padding: 0;
}

    #trigger-list li {
        display: inline-block;
        *display: inline;
        zoom: 1;
    }

    #trigger-list .trigger {
        display: inline-block;
        background: #ddd;
        border: 1px solid #777;
        padding: 10px 20px;
        margin: 0 5px;
        font: bold 12px Arial, Helvetica;
        text-decoration: none;
        color: #333;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        #trigger-list .trigger:hover {
            background: #f5f5f5;
        }

/*--------------------------------------*/

.centered {
    text-align: center;
}

.twitter-follow-button {
    position: relative;
    top: 7px;
}

.padtext {
    font-size: 20px;
    font-weight: 700;
}

.msgbtn {
    position: fixed;
    z-index: 1;
    bottom: 2px;
    right: 5px;
    width: 80px;
    height: 20px;
    background-color: cadetblue;
    text-align:center;
    cursor:pointer;
}
.msgcontainer{
    position:fixed;
    z-index:2;
    top:0px;
    right:0px;
    width:250px;
    height:100%;
    background-color:rgba(255,255,255,0.5);
    
}